<template>
  <div class="actions-container">
    <a-button @click="handlerCancel">取消</a-button>
    <a-button type="primary" @click="handlerSave">
      保存
    </a-button>
  </div>
</template>

<script>
import props from './props'

export default {
  mixins: [props],

  methods: {
    // 取消
    handlerCancel () {
      this.$router.go(-1)
    },

    handlerSave () {
      this.$emit('save')
    },
  },
}

</script>

<style lang="scss" scoped>
.actions-container {
  button {
    margin: 0 $margin-base;
  }
}
</style>
